<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <title>扩展运算符应用</title>
</head>

<body>
  <div></div>
  <div></div>
  <div></div>

  <script>
    // 1. 数组的合并
    const kuaizi = ['王太利', '肖央'];
    const fenghuang = ['曾毅', '玲花'];

    // const zuixuanxiaopingguo = kuaizi.concat(fenghuang);
    const zuixuanxiaopingguo = [...kuaizi, ...fenghuang];

    console.log(zuixuanxiaopingguo); // '王太利', '肖央', '曾毅', '玲花'


    // 2. 数组的克隆 浅拷贝
    const sanzhihua = ['E', 'G', 'M'];
    const sanyecao = [...sanzhihua];
    console.log(sanyecao)

    // 3. 将伪数组转为真正的数组
    const divs = document.querySelectorAll('div');
    const divArr = [...divs];
    console.log(divArr);
  </script>
</body>

</html>